<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>html5音乐播放器,html5播放器,html5音频播放器,html5列表播放器</title>
<meta name="keywords" content="html5音乐播放器,html5播放器,html5音频播放器,html5列表播放器" />
<meta name="description" content="html5音乐播放器,html5播放器,html5音频播放器,html5列表播放器,支持mp3音乐格式和flv格式文件播放3.支持音量控制(默认为75)4.显示视频总时长和当前播放进度的位置时间音乐列表播放器" />
<link rel="shortcut icon" href="/favicon.ico" >
<link rel="stylesheet" type="text/css" href="http://www.52player.com/Demos/Images/common.css">
    <link rel="stylesheet" type="text/css" href="styles.css" media="all" >
    <style type="text/css">
<!--
body { background:#ffffff; }
.mark{color:#FF5A15;}
.blue{color:blue;}
.green{color:green;}
.red{color:red;}
.cGray,a.cGray:link,a.cGray:visited{ color:#6D6359; }
.cOrange2,a.cOrange2:link,a.cOrange2:visited{ color:#ce0400; }
.cOrange3,a.cOrange3:link,a.cOrange3:visited{ color:#ce0400;text-decoration:underline; }
a.cOrange3:hover{  color:#6D6359; }
.f12,h5{font-size:12px; font-weight:normal;}
.cGreen2,a.cGreen2:link,a.cGreen2:visited{ color:#336600; }
.en {font-family:Verdana, Arial, Helvetica, sans-serif,"宋体"; }

div#code {background:#ffffff;}
fieldset{border:1px #cccccc solid;padding:10px;margin-bottom:10px;display:block; font-family:Verdana, Arial, Helvetica, sans-serif;line-height:28px; text-align:left; background:#ffffff;}
fieldset dl dt { line-height:28px;font-weight:bold; display:inline;}
fieldset dl dd { line-height:28px; display:inline;}
.cOrange21 {color:#ce0400; }
.f121 {font-size:12px; font-weight:normal;}
textarea { font-size:12px;#cccccc; line-height:24px; font-family:Verdana, Arial, Helvetica, sans-serif; background:#efefef; border:1px #666 solid;}
div.maincontent { width:980px;margin:0 auto;}

ul.downurllist { padding-left:28px;}
ul.downurllist li a,ul.downurllist li a:link,ul.downurllist li a:visited { color:#ffffff; height:34px;line-height:34px; display:block;}
ul.downurllist li { width:118px;margin-right:10px;float:left; height:34px; line-height:34px; font-weight:bold; font-size:14px; color:#ffffff; text-align:center;background:url(http://www.52player.com/Images/btn_down.gif) no-repeat center center;margin-top:10px;} 
ul.downurllist li.demo { width:118px;margin-right:10px;float:left; height:34px; line-height:34px; font-weight:bold; font-size:14px; color:#ffffff; text-align:center;background:url(http://www.52player.com/Images/btn_demo.gif) no-repeat center center;margin-top:10px;} 
ul.downurllist li.demo a,ul.downurllist li.demo a:link,ul.downurllist li.demo a:visited { color:#975b02;}
-->
</style>
</head>
<body>
<!--header/begin-->
<div id="header">
<div class="subnav">
<p class="sublogo"><a href="http://www.52player.com/" target="_blank"><img src="http://www.52player.com/Demos/Images/Culogo.gif" alt="进入我爱播放器官方网站www.52player.com" width="160" height="40" border="0" /></a></p>
<p class="sublink"><a href="http://www.52player.com/Top/" target="_blank" >下载排行榜</a> <a href="http://www.52player.com/WebPlayer/">网页播放器</a> <a href="http://www.52player.com/MusicPlayer/">音乐播放器</a> <a href="http://www.52player.com/VideoPlayer/">视频播放器</a></p>
</div>
</div>
<!--header/end-->
 

<div class="maincontent">
<div class="cuplayer" style="margin-top:50px;">
<section class="demo">
        <div id="myAudio" style="margin:0 auto;">
			<audio>
				<source title="王若琳 - Wild World.mp3" src="http://rm.sina.com.cn/wm/VZ2010050511043310440VK/music/MUSIC1005051622027270.mp3" />
				<source title="韦礼安 - 还是会.mp3" src="http://music.huoxing.com/upload/20121215/1355575227640_8200.mp3" />
				<source title="王若琳 - Lost in paradise.mp3" src="http://rm.sina.com.cn/wm/VZ200812161100307607VK/music/MUSIC0812161100379667.mp3" />
				<source title="郁可唯 - 时间煮雨.mp3" src="http://rm.sina.com.cn/wm/VZ200708161037153290VK/music/1.mp3/20091229/90e6ba45adf30ca3abfe28.mp3" />
				<source title="王若琳 - 三个人的晚餐.mp3" src="http://rm.sina.com.cn/wm/VZ2010050511043310440VK/music/MUSIC1005051622027270.mp3" />
				<source title="王若琳 - I Love You.mp3" src="http://rm.sina.com.cn/wm/VZ200812161100307607VK/music/MUSIC0812161100379667.mp3" />
				<source title="王若琳 - Lemon Tree(中文版).mp3" src="http://rm.sina.com.cn/wm/VZ200708161037153290VK/music/1.mp3/20091229/90e6ba45adf30ca3abfe28.mp3" />
				<source title="王若琳 - 亲密爱人.mp3" src="http://rm.sina.com.cn/wm/VZ2010050511043310440VK/music/MUSIC1005051622027270.mp3" />
			</audio>
		</div>
		<script type="text/javascript" src="jquery.min.js"></script>
		<script type="text/javascript" src="AudioPlayer.js"></script>
		<script type="text/javascript">
			$(function(){
				$("#myAudio").initAudio();
			});
		</script>
    </section>
</div>

<!--line-->
<div style="margin-top:50px;">
<fieldset>
<legend><h4>播放器介绍</h4></legend>
  <p> html5音乐播放器跨平台支持苹果ios和安卓(html5音乐网页播放器)(<span class="cRed2">提示：请在IIS下或其它网站环境下测试</span>)：</p>
  <p> 1.支持跨平台支持苹果ios和安卓(html5音乐网页播放器)；<br />
    2.支持mp3音乐格式；<br />
    3.支持音量控制(默认为75)；<br />
    4.显示视频总时长和当前播放进度的位置时间；<br />
    5.支持列表自动连播；<br />
    6.支持ASP,PHP,.NET等程序，可以实现后台管理视频的功能；<br />
    7.可以与动易、织梦、帝国等各类CMS系统结合，实现与此类CMS系统后台的融合；<br />
    8.代码简洁明了，界面美观，适合各类网站使用。</p>
</fieldset>
</div>
 
 
<!--line-->
<div style="margin-top:50px;">
<fieldset>
<legend><h4>播放器下载</h4></legend>
<p><ul class="downurllist">
<li class="demo"><a href="http://www.52player.com/Demos/html5MusicPlayer" target="_blank">本地演示</a></li>
<li><a href="http://www.52player.com/plus/download.php?open=2&id=52&uhash=c1678ab6106c6066a90441a0" target="_blank">本地下载</a></li>
</ul>
</p>
</fieldset>
</div>





</div>
<div id="footer" class="clearfix">

<div class="copyright">2010-2015(C) <strong><a href="http://www.52player.com/" target="_blank" title="我爱播放器" class="cRed">www.52player.com</a></strong> 我爱播放器 Powered by <strong>iWebPlayer</strong> Center  </div>
<div style="display:none;">
			<script src="http://s20.cnzz.com/stat.php?id=3992412&web_id=3992412&show=pic" 
			language="JavaScript"></script>
  </div>
</div>
</body>
</html>